/* --- Awwwards Ribbons --- */

/* Base */

#awwwards {
    position:absolute;
    top:40px;
    z-index:9999;
}

/* Left */

#awwwards.left {
    left:0;
}

/* Right */

#awwwards.right {
    right:0;
}

/* Link */

#awwwards a {
    display:block;
    width:70px;
    height:105px;
    text-indent:-8000px;
    background-repeat:no-repeat;
    background-position: 0 0;
    overflow:hidden;
}

/* Black */

#awwwards.left.black a {
    background-image:url('ribbons/awwwards_nominee_black_left.png');
}
#awwwards.right.black a {
    background-image:url('ribbons/awwwards_nominee_black_right.png');
}

/* White */

#awwwards.left.white a {
    background-image:url('ribbons/awwwards_nominee_white_left.png');
}
#awwwards.right.white a {
    background-image:url('ribbons/awwwards_nominee_white_right.png');
}

/* Green */

#awwwards.left.green a {
    background-image:url('ribbons/awwwards_nominee_green_left.png');
}
#awwwards.right.green a {
    background-image:url('ribbons/awwwards_nominee_green_right.png');
}


/* MEDIA QUERIES */

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

    /* hidden */
    #awwwards {
        display: none;
    }

}

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@media
only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

    #awwwards a {
        -moz-background-size: 70px 105px;
        -ie-background-size:70px 105px;
        -o-background-size:70px 105px;
        -webkit-background-size:70px 105px;
        background-size:70px 105px;
    }

    /* Gray */

    #awwwards.left.black a {
        background-image:url('ribbons/awwwards_nominee_black_left2x.png');
    }
    #awwwards.right.black a {
        background-image:url('ribbons/awwwards_nominee_black_right2x.png');
    }

    /* White */

    #awwwards.left.white a {
        background-image:url('ribbons/awwwards_nominee_white_left2x.png');
    }
    #awwwards.right.white a {
        background-image:url('ribbons/awwwards_nominee_white_right2x.png');
    }

    /* Green */

    #awwwards.left.green a {
        background-image:url('ribbons/awwwards_nominee_green_left2x.png');
    }
    #awwwards.right.green a {
        background-image:url('ribbons/awwwards_nominee_green_right2x.png');
    }

}